<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>HG Frontpage</title>
    <meta name="description" content="HG Frontpage">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/template.css">
    <link rel="stylesheet" href="css/font-awesome.css">

</head>
<body class="page">
	<header id="hg-header" class="hg-header">
		<div class="container">
			<div class="container-inner header-wrap clearfix col-md-12">
				<div class="logo-in-theme pull-left text-center col-md-2">
					<div class="logo">
						<a href="index.html">
							<img src="images/base/logo.png" alt="logo">
						</a>
					</div>
				</div>
				<nav id="hg-mainnav" class="hg-mainnav navbar navbar-mega animate col-md-10" data-duration="400" role="navigation">
					<div class="collapse navbar-collapse">
						<ul id="main-menu" class="main-menu nav navbar-nav main_nav_menu">
							<li><a href="#">Home</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Reservations</a></li>
							<li>
								<a href="#">Our Menu
									<b class="caret"></b>
								</a>
							</li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
						<div class="header-right pull-right col-md-2">
							<button class="btn btn-dark btn-fix-large">Book a table</button>
						</div>
					</div>
				</nav>
		    </div>
		</div>
	</header>
	<div id="hg-mainbody" class="hg-mainbody">
		<header class="header-mainpage white">
			<div class="header-section text-center">
				<a href="#"><h2 class="hg-title blog-title">Reservations</h2></a>
				<section class="breadcrumb">
					<a href="#">Home</a>
					<span class="delimiter"> <i class="glyphicon glyphicon-minus"></i></span>
					<span class="current">Reservations</span>
				</section>
			</div>
		</header>
		<div class="page-content text-center">
			<div class="container">
				<div class="row">
					<div class="desc-about">
						<p>Dui pretium fames euismod vitae magna, per nam curabitur aenean ad dictumst, donec auctor urna diam ac mauris integer platea tincidunt pellentesque justo sociosqu viverra morbi, euismod vivamus sagittis tempor a porttitor arcu ut semper, curabitur posuere hendrerit in velit egestas hendrerit vivamus nullam lobortis curabitur nullam tempus elementum est elit nulla donec at porta.</p>
					</div>
					<div class="booking-desc row">
						<div class="col-md-3 col-sm-3">
							<div data-date-format="dd-mm-yyyy" data-date="25/06/2014" class="input-append date" id="dp3">
							<input type="text" value="12-02-2012" size="16" class="datepicker"> 
							<span class="add-on"><i class="fa fa-calendar">&nbsp;</i></span>
							</div>
						</div>
						<div class="col-md-3 col-sm-3">
							
							<div class="reservation-book">
							<i class="fa fa-clock-o">&nbsp;</i>
								<select>
									<option>7:00 am</option>
									<option>10:00 am</option>
									<option>12:00 am</option>
									<option>18:00 pm</option>
									<option>20:00 pm</option>
								</select>
							</div>
						</div>
						<div class="col-md-3 col-sm-3">
							<div class="reservation-book">
							<i class="fa fa-users">&nbsp;</i>
								<select>
									<option>2 people</option>
									<option>3 people</option>
									<option>4 people</option>
								</select>
							</div>
						</div>
						<div class="col-md-3 col-sm-3"><div class="button-book"><a href="#">Book now</a></div></div>
					</div>
				</div>
			</div>
		</div>
			<!-- parallax -->
		<section id="hg-parallax" class="hg-section parallax parallax-1 white hg-parallax">
			<div class="container">
				<div class="row">
					<div class="wrap-section">
						<div class="col-sm-7 col-md-push-5">
							<header class="header-section text-center">
								<a href="#"><h2 class="hg-title">Introduction App</h2></a>
	 						</header> 
							<div class="content-section">
								<p class="desc-content">Lorem ipsum porta placerat rutrum aliquet platea accumsan, molestie eros aliquet adipiscing egestas ultrices, leo convallis dolor nisl integer potenti fringilla aenean condimentum ipsum maecenas aliquet consectetur quisque, iaculis elementum class molestie primis aliquet tempus, volutpat sit fermentum potenti interdum lorem vel elit fermentum quisque mattis porttitor.</p>
							</div>
							<footer class="text-center">
								<p>
									<a href="#"><img src="images/landing-slide1-appstore.png" alt=""></a>
									<a href="#"><img src="images/landing-slide1-googleplay.png" alt=""></a>
								</p>
							</footer>
						</div>
						<div class="img-section col-sm-5 col-md-pull-7">
							<img src="images/iphone.png" alt="">
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
	<aside id="hg-aside" class="hg-aside">
		<div class="container">
			<div class="row">
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>About</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">About</a></li>
							<li><a href="#">Careers</a></li>
							<li><a href="#">Newsroom</a></li>
							<li><a href="#">Site map</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Partner</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Become a Partner </a></li>
							<li><a href="#">Advertise With Us</a></li>
							<li><a href="#">Affiliate Program</a></li>
							<li><a href="#">Travel Agents</a></li>
							<li><a href="#">Coporate Wellness</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-4">
					<p class="text-center img-footer"><img src="images/base/logo-footer.png" alt=""></p>
					<div class="widget-content">
						<div class="content-about text-center">
							<span>33 Farlane Street  Keilor East VIC 3033 Australia</span>
							<span>Tel: (+0) 123 456 789 - Fax: (+0) 123 456 789</span>                
							<a href="">Email: hgrestaurant@mail.com</a>
						</div>
						<div class="social text-center">
							<a href="#"><i class="fa fa-facebook"> </i></a>
							<a href="#"><i class="fa fa-twitter"> </i></a>
							<a href="#"><i class="fa fa-youtube"> </i></a>
							<a href="#"><i class="fa fa-pinterest"> </i></a>
							<a href="#"><i class="fa fa-google-plus"> </i></a>
						</div>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Help</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Gift Card FAQs</a></li>
							<li><a href="#">Customer Service</a></li>
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Legal Notices</a></li>
							<li><a href="#">Give us website</a></li>
							<li><a href="#">Feedback</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Resources</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Spa Trends Report</a></li>
							<li><a href="#">Readers Choice </a></li>
							<li><a href="#">Award</a></li>  
						</ul>
					</div>
				</div>
			</div>
		</div>
	</aside>
	<footer id="hg-footer" class="hg-footer">
		<div class="container">
			<div class="row">
				<div class="menu-footer pull-left">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Reservations</a></li>
						<li><a href="#">Our Menu</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
				<div class="copyright pull-right">
					<p>© 2014 HG - <a href="#"> Restaurant</a> - All rights reserved.</p>
				</div>
			</div>
		</div>
	</footer>
</body>
	<script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</html>